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Unit 1 Lesson1 | Computer System Basics 
+ Computer: is an electronic set which has the ability to store data and 
process them to reach certain results (information). 
+ The computer appears in different shapes, size and do a lot of different 
jobs in our daily life. They can be classified according to speed, cost 


and size. 


First: Data & Information 


Data: are set of facts, can be text, number, character, image, video, 
audio..etc. 


Information: are processed data by classifying, organizing and 
analyzing to achieve certain goal, can be in the form of reports, tables 
and charts ... etc. 

Second: HARDWARE 


Parts of computer which can be observed and touched. They can be 
divided into: 
1. Input unit: The units which are responsible for inputting different data 


into the device. Like mouse, keyboard, microphone ...etc 


2. Output unit: The units which are responsible for outputting and 


displaying information and the results. Like printer, monitor, speakers. 


3. Storage unit: |t is used to store data. The contents can't be lost when 
the electricity turns off, like Hard disk and Flash Memory. 


4. System Unit: The most important components in the system unit: 


The main memory unit - Processor  - Motherboard 
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The main memory 
Its contents can be changes. It contains all the main programs 
(BIOS) to start the device. Its 
contents are saved by the 


producer company. 


Called the volatile memory. Called the permanent memory. 
It loses its contents when the Its contents are never affected by 
electricity turns off. turning the electricity off. 


*% Central Processing Unit (CPU): is responsible for doing any logical 
and mathematical processes according to the orders and instructions 
of the different programs. 

+ The processor consists of two main units: 

* Arithmetic and logic unit (ALU). * Control unit (CU). 

Measuring units (storage capacity - processor speed 
1-Storage Units: 


Byte: a unit of measuring data. It is used to represent a letter, number 
or a symbol. It consists of 8 bits. 

Bit: represents passing or not passing the electric. It takes the value 
of 0 (Off) or 1 (On). 


2- The unit of 
measuring the 


processor 
speed called 


Third: SOFTWARE 


Software is a set of programs used to operate the computer and 
employ it to do different tasks 

1. Applications: Ex: text editor programs 

2. Programming language: Ex: C++ 

3. Utilities: Ex: Antivirus 


4. Operating system: Ex: Windows - Linux 
Closed Source Programs Open-Source Programs 


A type of programs where you They are the programs of source 
can't read its source code. Itis | code available for use, editing, 


only available for programmers or | development and distribution 


designers. 


Determine costs according to Available for free 
the usage license 
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Open Source Programs 


Fourth: HUMANWARE: User — Programmer — Designer - Analyst 


+ Operating system: Must be installed in the computer to be able to run 
the other types of different programs and applications and managing 
the Hardware of the computer. 

$ Command Prompt 
It is called "Terminal" where the user prompts commands to the 
operating system from command prompt using the keyboard. 


| m Graphical User Interface (GUI) 

It contains some different commands and instructions in the form of 
menus, graphics, tool bars and basic input units such as the mouse 
that makes computer more interesting. 

e The user can prompt commands in two ways: 
e Command Prompt e GUI 
+ Closed source operating systems: 
e Mac OS X: is an operating system specified for apple Mac devices 
that is attractive and easy to use. 
e Windows: One of the most famous operating systems and more 
common for personal computer. 
+ Open-source operating system: 
e Linux: easy to use and developable. The most famous are Ubuntu, 
Fedora. 
3- Mobile phone operating systems: - 

e [here are open and closed source operating system for phones. 

e Android: one of the open sources, it is not only used in Mobile 

phones but also in tablets. 

** Characteristics of GUI 

. Showing programs in the regular window frames. 
. Using simple drop-down menus and tool bars. 
. The capability of operating several programs at the same time. 
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. The capability of using Arabic and other languages as application 
interface. 
5. Provide web browsers for web sites pages. 
» Opening Screen of the Operating System 
On starting the computer, operating system makes sure of the safety of 


main units. 


» The main components of the starting screen: 

1. Background: is a color or that can be changed by the user. 

2. Icons: small symbols used in running different programs quickly as 
soon as you double click the left button of the mouse. 

3. Bars: group of symbols of installed software on operating systems 
and others related to the important preparations of the system such as 
date and time setting and sound control and the network. 


Y File: |s a set of data which is stored in storage units in different kinds 
and extensions. 
Y File name consists of two parts, the first is the name and the second 
is called extension which determined file type, separated by a (dot). 
Y The most important file types: 
Video files - Image files - Text files — Audio files 
System files: They belong to the operating systems, programs and 
sets connected to the computer. These files mustn't be played with 
or deleted so as not to affect operating system work baaly. 
Y File creation: 
1. Open one of the text editor programs. 
2. Write one of the text phrases. 
Y File saving: 
1. Open "File" menu. 
2. Chose "Save as". 
3. Write the file name, define the place in which file be saved. 
4. Click "Save" button. 
Notes: 


You can use the short keys in the keyboard (CTRL+S) to save the file. 
+ Compare between Save and Save As: 


SAVE AS Save 
Used on creating the file at the Used on creating the file for 
first time the first time. 


| Used on changing the name of | Used on modifying the file | 


the file or saving the file after with a desire to save the 
modification and with a desire modification at the same file 
to save the file with different and with the same name as it 
extension is. 


To search for a file Press, Ctrl + F 
Y Folder: lt is a place inside a storage device which contains a file or 
more and also other folders called sub-folder. 
To create a "Folder": (in Windows 
1. Right click on empty place. 
2. Choose “New” then “Folder” from sub menu 
3. Write the folder name. 
4. Press "Enter" key. 
*Or bos can create new folder by press (Ctrl + Shift + N) from idis board. 
To create a "Folder": (in Fedora L— 
1. Right click on empty place. 


2. Choose *New Folder" from sub menu 


3. Write the folder name. 


4. Press "Create" key. 
™% One of the folder properties is to identify its size 


and the number of its contents (items). 
Y Copying The folder. to make another instance to get spare copy of 
the file either at the same storage unit or any other. 


v To copy a folder: 
1. Right click on the folder 


2. From sub menu choose "Copy" 
3. Go to another place 
4. Right click then choose "Paste". 
e Cutting The folder: to move the folder from its current place to a new 
place at the same storage unit or any other storage unit. 
v To cut a folder: 
1. Right click on the folder 
2. From sub menu choose "Cut" 
3. Go to another place 
4. Right click the choose "Paste". 


Y To change the folder name, follow these steps:- 
1. Right click on the folder 


2. From sub menu choose "Rename" 

3. Write the new name. 

4. Press "Enter" from keyboard. 
v To delete the folder: 

1. Right click on the folder 

2. From sub menu choose "Delete". 
Y The steps of restoring deleted file or folder: 

1. Open "Recycle Bin", deleted files or folders appear. 
Restore the folder or delete it forever. 
Click "Delete" from Trash to delete the folder forever. 
Click "Restore" to restore the folder. 


% Computer network: It is a connection between two sets or more 
through a wire or wireless means to share the resources (sets and 
data). 


** Types of Networks 
1- Local Area Network (LAN): 


Itis a limited network area inside a building or several near buildings. It 
is used at small institutions, schools, universities or at home. 
2- Wide Area Network (WAN): 
It is used to connect devices separated by long distances like cities, 
states or continents. 
+ The Internet is considered a special type of the wide area networks. 
% Sharing files in Windows Operating System:- 
1. Add the files in a folder. 
2. Right-click on the folder, select "Share with" from the context menu. 
3. Choose Specific people from context menu. 
4. Choose the users allowed to share the folder "Everyone", Press the 
button “add” 
5. Choose the Permission level (Read means allowing reading the files 
only - Read/write means allowing reading, modification or deletion) 
6. Press "Share". 
+Æ To allow your colleagues to reach your available files through the 
network, they must search for your computer through its name. 
% To know the name of your computer: 
1. Right click on Computer icon on the desktop. 
2. Click on the option Properties. 
3. The name of the computer is displayed in the item Computer name. 
+ Accessing your colleagues’ folder (folders) on a network 
1. Double Click on the network icon. 
2. Search for the required device through its name. By double clicking, 
you can access the device then all the shared folders appear. 
» Second: Sharing files in Fedora Operating System 


9 


| 1- Click Activities which appears on the top ribbon of Fedora opening 
screen. 

2- Write the term Sharing in the search box. 

3- By clicking on the Sharing icon, a window of configuring the sharing 
settings is shown. 

4- Reset the sharing button to the ON position. 

5- Reset Personal File Sharing also to the ON position 


Gimp 


There are various programs to create and modify images such as: 


Unit2 : Lesson? 
Creating and Modifying Images 


Gimp (Open Source Program) & Photoshop (Closed Source Program) 


+ GIMP program: is an open and free source that allows creating and 


processing images. 
The Interface of the GIMP program is available in two forms: 
- Multi-window mode. (default) - Single window mode 


Note: To facility using the program, use (Single window mode) 
from Windows menu, choose Single-Window Mode 
Identifying the contents of the GIMP program interface: 
1. The Main Toolbox: The "Tool box" consists of many tools such as 
the selection tools, back and front color tools.... 
2. The Tool options dock: It appears below the tool box and the options 
of the current tool (the selected) is shown on it. 
3. Image windows When opening more than one image, each image 
appears in a window which you can navigate between them. 
4. (The Layers/Channels/paths/Undo) dock: 
It contains several classifications, such as the Layers tab. 
5. (Brushes/Patterns/Gradients) dock: lt contains the classification of 
Brushes, Forms tab, Gradients color schemes tab. 
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Notes: 
1- In the case of closing one of those boxes or tabs, It can be restored 
through the Windows menu — Recently Closed Docks 
2- To add, close or move one of the tabs in the box, click on the top right 
corner to open a drop-down menu and choose the required one. 
Selection Tools 
The selection tools are used to select a part or more of the image to 
deal with, like delete, cut, copy, paste, change the color of the 
selected part in order not to change the whole image. 
+ The selection tools are shown in The Main Toolbox you can also 
access it through the Tools menu, then Selection Tools 
1-Rectangle selection Tool: P 
1- The cursor in the selection area that takes the shape of C3 
where you can move the selection rectangle. 
2- The cursor outside the selection area that takes the shape of ~- 
by clicking and pushing the selection place is changed. 
*To finish the selection and exit: 
From the Select menu Select None or from the keyboard, click the 
(Shift key + CTRL + A). 


2- Ellipse Selection Tool: ses 
is used to select the oval shape of the image 
3- Lasso free selection Tool: | e 


is used to select an irregular part of the image in a freeway. 
4- Fuzzy Selection (Magic Wand) tool: [e| 

is used to specify similar color schemes areas of the image. 
5- Smart Scissors Selection tool: [SA 

Specify an area specified with a clear and strong color. 


Lesson2 (Designing and Creating New Images) 
+ To create a new image file: (From "File" menu select "new") 
a dialogue box appears which requests: 
1- Template: Templates are ready-made designs. 
2- Image Size: To identify the dimensions of the new image (length and 
width) 
3- Advanced Options: by clicking on + sign the rest of the dialogue box 
appears 
4- X resolution and Y resolution: This is used to determine the image 
resolution when printing (and it does not affect the picture dimension) 
5- Color Space: This is used to determine the Image color system RGB 
using red, green and blue colors or that of the grayscale using black 
and white colors and the gradients of grey between them. . 
6- Fill with: is used to specify the new image filling color which can be: 
- Background Color - Foreground Color 
- White - Transparency: to make the image background transparent. 


+ Paint tools are used for different drawing purposes. 
*- The Paint Tools can be accessed from "Tools" Menu or from the 
toolbox. 
Y Pencil Tool: P| is used for free hand drawing. (Choose the 
suitable brush and its size) 
Y Blend Tool: m is used to make color gradation using the front or 
back colors. 
v Smudge Tool: lái | is used to mix the current color with the 
surrounding colors in the area of moving the tool. 


v Clone Tool: |© | is used to copy part of the picture in another 
place (in the same image layer). press the "CTRL" key on the keyboard 


(the cursor shape changes to as 
aA 
Notes: 
+Æ Use the Ink  & toollike a fountain pen to control drawing 
distinguished borders and edges with the brush. 


™ Use the Eraser e tool to remove a coloring Space of a picture or 


a drawing. " 
+ Use the Paintbrush — 4 ' tool to draw clearly. 


x] Transform tools: are the tools used to change the image format. 
Y Use "Tools" menu, or through the square tools from toolbox. 


I Move tool: ‘$+ | is used for moving the image or the layers of an 


image to frame or text. 
Kl Crop Tool: ~ | is used to cut a part of the image. 
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The Layers tab used to edit, add and control different picture layers. 
within tabs box 

You can get to the "Layers" tab through: 

- The main interface of the program. Or 

- Through Windows menu — Dockable Dialogs — Layers 


Notes: 
1- Layer visibility: @) to make the layer visible or nonvisible. 


2- Layer thumbnail: is a mini format of the layer and the layer name 
appears next to it (and can be changed by clicking on it). 
3- New layer: øJ to add a new layer. 
4- Raise layer: ,4 to move the layer to the highest level. 
5- Lower layer: y to move the layer to a lower level. 
6- Duplicate layer: @! to copy the current layer. 
7- Delete layer: «t3 to delete the current layer. 
Important Notes: 
1- To deal with the layer, you must make sure it is the current active 
layer by clicking on it. 
2- To rename the layer, double click and give it a new name. 
3- For ease of working with one of the layers, you can hide the rest of 
the layers by clicking on the layer visibility icon and dealing with the 
required layer icon. 
4- You can reorder layers using the arrows in the Layers tab. 
5- There are some images which not allow Cut or Delete a part from it. 
- To make the image liable to delete part of, do the following: 
-You must make sure that there is no selection in the image 
- Choose from the list of Layers Transparency and then choose Add 
Alpha Channel. 


Lesson Six Edit an image using Filters 
+ Change the appearance of an image using Filters 


Y A Filter: is used to help change the appearance of an image. 
Y To use a filter, select the suitable filter from the Filters menu. 
Blur :This filter is used to wipe out or darkening the image. Get it 


from Filters menu Blur — Blur 


It consists of (Pixels), and each image Not consists of Pixels 


contains rows and columns of the Pixels 


and the higher of Pixels, higher of clarity 


It has a large storage area It has a small storage area. 
The quality and clarity of the picture No change in image quality 
change when zooming in or out. and clarity when zooming 


1- RGB mode: Image menu then RGB, fits very much in the case of 
displaying images and graphics through the computer screen. 

RGB mode consists of the primary colors (red, green and Blue). 
2- Grayscale mode: Image menu then Grayscale, where Grayscale 
mode reaches up to 256 degrees of gray ranging from black to white. 


Note: The image can be converted from RGB mode to Grayscale But it 
cannot be restored again. 

3- Indexed mode: Through the command Indexed from Image list. 

3 Saving image file: 

The Save command is selected from the File menu where GIMP 
program gives extension to the image file .XCF, where all information 
about the image is kept. This extension is useful in the case of re- 
opening the image file and editing it. 
+ Export image file: 

1- Ensure that all layers are Visible. 

2- Integrate all layers, and to merge the layers into a single layer choose 

Flatten Image of the Image menu. 
3- From the File menu choose Export, select the appropriate extension 
of the file such as (JPEG -GIF - PNG ...) to use it in the programs. 
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